<div class="g-grid">
  <div class="g-col-4-1">
    <div class="m-panel s-panel-info">
      <div class="panel-header">
        <div class="f-cb">
          <div class="f-fl"><i class="u-icon-comments u-font-5x"></i></div>
          <div class="f-fr f-tar">
            <h3>456</h3>
            <p>菜单总数</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="g-col-4-1">
    <div class="m-panel s-panel-danger">
      <div class="panel-header">
        <div class="f-cb">
          <div class="f-fl"> <i class="u-icon-comments u-font-5x"></i> </div>
          <div class="f-fr f-tar">
            <h3>456</h3>
            <p>菜单总数</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="g-col-4-1">
    <div class="m-panel s-panel-success">
      <div class="panel-header">
        <div class="f-cb">
          <div class="f-fl"> <i class="u-icon-comments u-font-5x"></i> </div>
          <div class="f-fr f-tar">
            <h3>456</h3>
            <p>菜单总数</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="g-col-4-1">
    <div class="m-panel s-panel-warning">
      <div class="panel-header">
        <div class="f-cb">
          <div class="f-fl"> <i class="u-icon-comments u-font-5x"></i> </div>
          <div class="f-fr f-tar">
            <h3>456</h3>
            <p>菜单总数</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="g-grid">
  <div class="g-col-2-1">
    <div class="m-panel s-panel-success g-grid">
      <div class="panel-header"> <i class="u-icon-bars"></i> 快捷操作 </div>
      <ul class="m-operate">
        <li> <a href="http://lcrud.mangopik.com/module/add">
          <p>系统设置</p>
          <i class="u-icon-cog"></i> </a></li>
        <li> <a href="http://lcrud.mangopik.com/config">
          <p>菜单管理</p>
          <i class="u-icon-sitemap"></i></a>
        <li> <a href="http://lcrud.mangopik.com/menu">
          <p>系统日志</p>
          <i class="u-icon-hospital-o"></i> </a></li>
        <li> <a href="http://lcrud.mangopik.com/users">
          <p>功能管理</p>
          <i class="u-icon-qrcode"></i></a></li>
        <li> <a href="http://lcrud.mangopik.com/groups">
          <p>用户管理</p>
          <i class="u-icon-user"></i></a></li>
      </ul>
    </div>
    <div class="m-panel">
      <div class="panel-header"> <i class="u-icon-desktop"></i> 环境信息 </div>
      <div class="m-table-mobile">
        <table class="m-table">
          <tbody>
            <tr>
              <td class="col-1">站点名称：</td>
              <td>DUXCMS内容管理系统</td>
              <td class="col-1">网站域名：</td>
              <td>http://www.duxcms.com</td>
            </tr>
            <tr>
              <td>安装目录：</td>
              <td>/</td>
              <td>附件上传目录：</td>
              <td>upload</td>
            </tr>
            <tr>
              <td>服务器名称：</td>
              <td>DUXCMS</td>
              <td>服务器IP：</td>
              <td>127.0.0.1</td>
            </tr>
            <tr>
              <td>PHP版本：</td>
              <td>5.3</td>
              <td>WEB环境：</td>
              <td>apache 2.3</td>
            </tr>
            <tr>
              <td>操作系统：</td>
              <td>LINUX</td>
              <td>服务器端口：</td>
              <td>80</td>
            </tr>
            <tr>
              <td>目录物理路径：</td>
              <td>\web\wwwroot\DUXCMS\</td>
              <td>系统版本：</td>
              <td>V2.0.0</td>
            </tr>
            <tr>
              <td>升级通知：</td>
              <td><a href="#">检查版本</a></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="g-col-2-1">
    <div class="m-panel">
      <div class="panel-header"> <i class="u-icon-bar-chart-o"></i> 访问概况 </div>
      <div class="panel-body">
        <canvas id="myChart" height="200"></canvas>
      </div>
    </div>
    <div class="m-panel">
      <div class="panel-header"> <i class="u-icon-bar-chart-o"></i> 备忘录 </div>
      <div class="m-paper" contenteditable="true"> Send e-mails.<br>
        <s>meeting at 4 pm.</s><br>
        <s>Buy some coffee.45646545646555</s><br>
        Talk with Mom about John Doe.
        <div>213123132165465465</div>
        <div>546456</div>
      </div>
    </div>
  </div>
</div>
